<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>中蜜丝路</title>
	<link rel="stylesheet icon" type="text/css" href="img/favicon.ico"/>
	<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.css"/>
	<link rel="stylesheet" type="text/css" href="fonts/iconfont.css"/>
	<link rel="stylesheet" type="text/css" href="css/common.css"/>
	<link rel="stylesheet" type="text/css" href="css/zindex.css"/>
</head>
<body class="main">
	<div class="header">
		<div class="navbar navbar-inner top">
			<div class="container clearfix">
				<ul class="nav pull-left">
					<li>
						<a href="javascript:;">
							<span class="iconfont icon-tel"></span>
							<span>400-010-8888</span>
						</a>
					</li>
					<li>
						<a href="javascript:;">
							您好，欢迎来到中蜜丝路！
						</a>
					</li>
				</ul>
				<ul class="nav pull-right">
					<li>
						<a href="javascript:;">
							<span class="iconfont icon-portrait"></span>
							<span>登录</span>
						</a>
					</li>
					<li class="line">|</li>
					<li class="member clearfix">
						<a href="javascript:;">
							<span>会员中心 </span>
							<span class="iconfont icon-down"></span>
						</a>
						<ul class="dropdownMenu">
							<li><a href="./html/member_info.html">我的信息</a></li>
							<li><a href="./html/member_claim.html">我的认养</a></li>
							<li><a href="./html/member_state.html">蜂箱动态</a></li>
							<li><a href="./html/member_claim.html">认养详情</a></li>
						</ul>
					</li>
				</ul>
			</div>
		</div>
		<div class="navbar">
			<div class="container clearfix">
				<a href="javascript:;" class="logo pull-left">
					<img src="img/logo.png" alt="12">
					<!-- <img src="img/404.png" alt=""> -->
				</a>
				<div class="nav pull-right">
					<ul class="nav-pills clearfix">
						<li  class="active"><a href="index.html">首页</a></li>
						<li><a href="./html/find_honey.html">蜜源寻蜜</a></li>
						<li><a href="./html/popular.html">好蜜科普</a></li>
						<li><a href="./html/special.html">蜂业专委会</a></li>
						<li><a href="./html/horizon.html">蜜蜂视界</a></li>
						<li><a href="./html/member_center.html">会员中心</a></li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<div class="banner">
		<div id="carousel-example-generic" class="carousel slide" data-ride="carousel" data-interval="1000">
		  	<!-- Indicators -->
		  	<ol class="carousel-indicators">
		    	<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
		    	<li data-target="#carousel-example-generic" data-slide-to="1"></li>
		    	<li data-target="#carousel-example-generic" data-slide-to="2"></li>
				<li data-target="#carousel-example-generic" data-slide-to="2"></li>
		  	</ol>
	
		  	<!-- Wrapper for slides -->
		  	<div class="carousel-inner" role="listbox">
		    	<div class="item active">
		      		<img src="./img/temp/banner_1.jpg" alt="..." style="width: 100%;height: 356px;">
		    	</div>
		    	<div class="item">
		      		<img src="./img/temp/banner_2.jpg" alt="..." style="width: 100%;height: 356px;">
		    	</div>
		    	<div class="item">
		      		<img src="img/temp/banner_1.jpg" alt="..." style="width: 100%;height: 356px;">
		    	</div>
				<div class="item">
					<img src="img/temp/banner_2.jpg" alt="..." style="width: 100%;height: 356px;">
				</div>
		  	</div>
		</div>
	</div>
	<!-- 标准 -->
	<div class="standard">
		<div class="container clearfix">
			<ul>
				<li>
					<span class="iconfont icon-international"></span>
					<h2>国际标准</h2>
					<p class="english">GB14963-2011</p>
					<p>食品安全国家标准</p>
				</li>
				<li>
					<span class="iconfont icon-authen"></span>
					<h2>工匠认证</h2>
					<p class="english">严格的认证步骤</p>
					<p>严谨的蜂农工匠体系</p>
				</li>
				<li>
					<span class="iconfont icon-major"></span>
					<h2>专业培训</h2>
					<p class="english">专业培训师</p>
					<p>科学及经验的传承</p>
				</li>
				<li>
					<span class="iconfont icon-share"></span>
					<h2>共享多赢</h2>
					<p class="english">共享融合</p>
					<p>打造新金融现象</p>
				</li>
			</ul>
		</div>
	</div>
	<!-- 视频 -->
	<div class="video">
		<div class="container clearfix">
			<div class="video_left">
				<img src="img/temp/index_03.jpg" alt="">
				<div class="video_left_center">
					<h1>蜜蜂视界</h1>
					<div class="rail"></div>
					<p>BEES HORIZON</p>
					<a href="./html/horizon.html">观看视频</a>
				</div>
			</div>
			<div class="video_right">
				<div class="video_right_upperleft">
					<img src="img/temp/index_05.jpg" alt="">
					<div class="position">
						<h3>好蜜科普</h3>
						<div class="rail"></div>
						<p>GOOD HONEY SCIENCE</p>
						<a href="./html/popular.html">了解更多</a>
					</div>
				</div>
				<div class="video_right_upperright">
					<img src="img/temp/index_07.jpg" alt="">
					<div class="position">
						<h3>蜂业专委会</h3>
						<div class="rail"></div>
						<p>BEE INDUSTRY COMMITTEE</p>
						<a href="./html/special.html">了解更多</a>
					</div>
				</div>
				<div class="video_right_upperbottom">
					<img src="img/temp/index_11.jpg" alt="">
					<div class="position">
						<h3>天然成熟原产地，打造最优质的蜂蜜</h3>
						<div class="rail"></div>
						<p>NATURAL MATURE ORIGIN, TO CREATE THE BEST HONEY</p>
						<a href="./html/find_honey.html">蜜源寻蜜</a>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- 寻蜜之路 -->
	<div class="map">
		<div class="container clearfix">
			<div class="honey-map">
				<a href="./html/find_honey.html">
					<img src="img/temp/honey_title.png" class="honey-title">
				</a>
				
				
			</div>
			<div id="hot_map"></div>
		</div>
	</div>
	<!-- 广告 -->
	<div class="advertising">
		<div class="container clearfix">
			<div class="index_img">
				<img src="img/temp/inpro-banner.jpg" alt="">
			</div>
		</div>
	</div>
	<!-- 评级 -->
	<div class="rating">
		<div class="container clearfix">
			<div class="rating_top">
				<a href="javascript:;">
					<p>We have a professional certification rating committee</p>
					<span>我们有专业的专委会评级认证</span>
				</a>
			</div>
			<ul class="rating_bottom clearfix">
				<li>
					<a href="javascript:;">
						<img src="img/temp/knowledge_01.jpg" alt="">
						<div></div>
					</a>
				</li>
				<li>
					<a href="javascript:;">
						<img src="img/temp/knowledge_02.jpg" alt="">
						<div></div>
					</a>
				</li>
				<li>
					<a href="javascript:;">
						<img src="img/temp/knowledge_03.jpg" alt="">
						<div></div>
					</a>
				</li>
				<li>
					<a href="javascript:;">
						<img src="img/temp/knowledge_04.jpg" alt="">
						<div></div>
					</a>
				</li>
			</ul>
		</div>
	</div>
	<!-- 底部 -->
	<div class="footer">
		<div class="container clearfix">
			<div class="foot-left pull-left">
				<ul>
					<li>
						<i class="iconfont icon-phone"></i>
						<span>400-010-8888</span>
					</li>
					<li>
						<i class="iconfont icon-time"></i>
						<span>工作时间：8:30-17:30</span>
					</li>
					<li>
						<i class="iconfont icon-mailbox"></i>
						<span>E-mail：contact@zhongmisilu.com</span>
					</li>
					<li>
						<i class="iconfont icon-location"></i>
						<span>海南省海口市龙华区财富广场18C</span>
					</li>
				</ul>
			</div>
			<div class="line-foot"></div>
			<div class="foot-cen pull-left">
				<dl>
					<dt>
						<a href="javascript:;">蜜源寻蜜</a>
					</dt>
				</dl>
				<dl>
					<dt><a href="javascript:;">好蜜科普</a></dt>
					<dd>
						<a href="javascript:;">蜜源探秘</a>
						<a href="javascript:;">蜂蜜常识</a>
						<a href="javascript:;">蜂蜜种类</a>
						<a href="javascript:;">蜂蜜价值</a>
					</dd>
				</dl>
				<dl>
					<dt><a href="javascript:;">蜂业专委会</a></dt>
					<dd>
						<a href="javascript:;">工匠认证</a>
						<a href="javascript:;">专业培训</a>
						<a href="javascript:;">专委会介绍</a>
					</dd>
				</dl>
				<dl>
					<dt><a href="javascript:;">蜜蜂视界</a></dt>
					<dd>
						<a href="javascript:;">全部视频</a>
					</dd>
				</dl>
				<dl>
					<dt>
						<a href="javascript:;">会员中心</a>
					</dt>
				</dl>
			</div>
			<div class="line-foot"></div>
			<div class="foot-rig pull-left">
				<dt>
					<img src="./img/temp/wx.jpg" alt="">
				</dt>
				<dd>
					扫描上方公众号微信二维码
					<br>
					或者微信加公众号：zhongmisilu
				</dd>
			</div>
		</div>
		<div class="copyright clearfix"> 2017 中蜜丝路 鲁公网安备 11010102002425号  鲁ICP证160503号 鲁ICP备14052685号-1
		</div>
	</div>
	<script src="bootstrap/js/jquery-1.10.1.min.js"></script>
	<script src="bootstrap/js/bootstrap.js"></script>
	<script type="text/javascript" src="js/pc/echarts.min.js"></script>
	<script type="text/javascript" src="js/pc/china.js">
		
	</script>
	<script>
		var chart = echarts.init(document.getElementById("hot_map"));
	
		chart.setOption({
			tooltip: {
				trigger: 'item',
				backgroundColor: "#fcf6e1",
				borderColor: '#e94c2b',
				borderWidth: 1,
				padding: 10,
				textStyle: {
					color: "#333",
					width: 270
				},
				enterable: true,
				position: "right",
				formatter: function(params,ticket,callback){
					return [
					  "<div class='point-content'>"
					  + "<img src='" + params.data.url + "'>"
					  + "<h2>" + params.data.name + "</h2>"
					  + "<span>" + params.data.content + "</span>"
					  + "<a href='" + params.data.subscribe + "'>蜂箱认购</a>"
					  + " </div>"
					];
				}
			}, geo: {
				type: 'map',
				//map的值也是，省份汉语名称
				map: 'china',
				itemStyle: {
					normal: {
						areaColor: "#fcf6e1",
						borderColor: '#efe7ca'
					}, emphasis: {
						areaColor: "#fcf6e1",
						color: "#fcf6e1",
						borderColor: '#efe7ca'
					}
				},
				label: {
					emphasis: {
						show: false
					}
				}
			}, series: [{
				type: 'scatter',
				zlevel: 3,
				coordinateSystem: 'geo',
				blurSize: 20,
				markPoint: {
					zlevel: 8,
					symbol: "image://img/temp/point_bg.png",
					symbolSize: 60,
					symbolOffset: [0, -14],
					label: {
						normal: {
							show: true,
							position: 'bottom',
							formatter: '{b}',
							textStyle: {
								fontSize: 16,
								fontWeight: "bolder",
								color: "#2F5F0B"
							}
						}
					},
					data: [
						{name: "小兴安岭蜜源地", coord: [132.216242,46.349176], url: "img/temp/honey_img.png", subscribe: "./html/find_honey.html", content: "武夷山四季分明地处中亚热带，武夷山四季气温较均匀、温和湿润，年平均气温约12℃～13℃..."},
						{name: "长白山蜜源地", coord: [127.742269, 42.515146], url: "img/temp/honey_img.png", subscribe: "./html/find_honey.html", content: "武夷山四季分明地处中亚热带，武夷山四季气温较均匀、温和湿润，年平均气温约12℃～13℃..."},
						{name: "吕梁山蜜源地", coord: [110.835847, 37.004701], url: "img/temp/honey_img.png", subscribe: "./html/find_honey.html", content: "武夷山四季分明地处中亚热带，武夷山四季气温较均匀、温和湿润，年平均气温约12℃～13℃..."},
						{name: "太行山蜜源", coord: [114.644087, 38.82287], url: "img/temp/honey_img.png", subscribe: "./html/find_honey.html", content: "武夷山四季分明地处中亚热带，武夷山四季气温较均匀、温和湿润，年平均气温约12℃～13℃..."},
						{name: "天山蜜源地", coord: [83.920602, 43.182776], url: "img/temp/honey_img.png", subscribe: "./html/find_honey.html", content: "武夷山四季分明地处中亚热带，武夷山四季气温较均匀、温和湿润，年平均气温约12℃～13℃..."},
						{name: "秦岭蜜源地", coord: [106.54153, 33.907715], url: "img/temp/honey_img.png", subscribe: "./html/find_honey.html", content: "武夷山四季分明地处中亚热带，武夷山四季气温较均匀、温和湿润，年平均气温约12℃～13℃..."},
						{name: "武陵山蜜源地", coord: [108.059019, 30.359339], url: "img/temp/honey_img.png", subscribe: "./html/find_honey.html", content: "武夷山四季分明地处中亚热带，武夷山四季气温较均匀、温和湿润，年平均气温约12℃～13℃..."},
						{name: "五指山蜜源地", coord: [109.843557, 19.267705] ,url: "img/temp/honey_img.png" , subscribe: "./html/find_honey.html", content: "武夷山四季分明地处中亚热带，武夷山四季气温较均匀、温和湿润，年平均气温约12℃～13℃..."},
						{name: "喜马拉雅蜜源地", coord: [98.510822, 28.977569], url: "img/temp/honey_img.png", subscribe: "./html/find_honey.html", content: "武夷山四季分明地处中亚热带，武夷山四季气温较均匀、温和湿润，年平均气温约12℃～13℃..."},
						{name: "祁连山源地", coord: [100.019401, 38.660663], url: "img/temp/honey_img.png", subscribe: "./html/find_honey.html", content: "武夷山四季分明地处中亚热带，武夷山四季气温较均匀、温和湿润，年平均气温约12℃～13℃..."}
					]
				}
			}]
		});
		window.onresize = function () {
			chart.resize();
		};
	</script>
</body>
</html>